@charset "utf-8";

/* 
 * 
 * Written By YuXLan
 * 2017-7-18
 * 
 */

body{
	background: rgb(242, 242, 242);
	font-family: "Helvetica Neue", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, Arial, Helvetica, sans-serif;
}

a{
	color: #000000;
}


/* 
 * 主图部分
 */

/*  自加样式  */
.carousel-p{
	position: absolute;
	margin-top: 35%;
	width: 100%;
	height: 35%;
	font-size: 19px;
	line-height: 300%;
	color: #ffffff;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}

.carousel-side-div{
	position: absolute;
	width: 95%;
	height: 100%;
	padding-top: 2%;
	background: rgba(0,0,0,0.4);
}
/*ctrl+shift+r*/
.carousel-side-div .carousel-logo-img{
	width: 60%;
	height: 30%;
	margin: 8%  0 0 18%;
	background-image: url("../imgs/logos/topiclogo_c3fb241.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.carousel-side-div > a{
	color: #ffffff;
	font-size: 15px;
	margin-left: 73%;
}

.carousel-side-div h3{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
}

.carousel-side-div .carousel-side-text{
	width: 100%;
	height: 24%;
	background: rgba(51,51,51,0.6);
	margin-top: 22%;
}

.carousel-side-div .carousel-side-text .carousel-p0{
	position: absolute;
	margin: 2% 0 0 46%;
	padding: 0 0 0 0;
	font-size: 1.5em;
	color: #FFFFFF;
}

.carousel-side-div .carousel-side-text .carousel-p1,.carousel-p2,.carousel-p3,.carousel-p4{
	position: absolute;
	color: #FFFFFF;
}

.carousel-side-div .carousel-side-text .carousel-p1{
	margin-top: 9%;
	margin-left: 4%;
	font-size: 1.4em;
}

.carousel-side-div .carousel-side-text .carousel-p2{
	margin-top: 17%;
	margin-left: 3%;
	font-size: .9em;
}

.carousel-side-div .carousel-side-text .carousel-p3{
	margin-top: 9%;
	margin-left: 84%;
	font-size: 1.4em;
}

.carousel-side-div .carousel-side-text .carousel-p4{
	margin-top: 17%;
	margin-left: 82%;
	font-size: .9em;
}

.carousel-side-div .carousel-side-text .progress{
	position: absolute;
	width: 57%;
	height: 2%;
	margin-left: 23%;
	margin-top: 13%;
	border-radius: 0;
}

/*  修改bootstrap  */

.carousel-inner > .item {
	-webkit-transition-property:opacity ;
	-moz-transition-property:opacity ;
	-ms-transition-property:opacity ;
	-o-transition-property:opacity ;
	transition-property:opacity ;
	opacity:0;
}

.carousel-inner > .item.active{
	opacity: 1;
}

.carousel-inner > .item.active.left,
.carousel-inner > .item.active.right{
	left: 0;
	opacity: 0;
}

.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right {
	opacity: 1;
}

.carousel-control {
	width: 8%;
	font-size: 100px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background-color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: .5;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	filter: none;
}

.carousel-indicators {
	bottom: 8px;
	left: 90%;
}

.carousel-indicators li {
	background-color: #999999;
	border: 1px solid #999999;
}

@media (min-width: 768px) {
	.carousel-container .container {
		width: 768px;
	}
}
@media (min-width: 992px) {
	.carousel-container .container {
		width: 992px;
	}
}
@media (min-width: 1200px) {
	.carousel-container .container {
		width: 1190px;
	}
	.carousel-container .col-lg-8 {
		width: 69.3%;
	}
	.carousel-container  .col-lg-4 {
		width: 30.7%;
	}
}




/* 主体新闻部分 */


/* 自加样式  */
.media-part{
	margin-top: 2%;
	margin-bottom: 35px;
}

.media{
	background: #FFFFFF;
	margin: 0 0 0 0;
}

.media-list hr{
	width: 97%;
	margin: 3% 0 0 1.5%;
	padding: 0 0 0 0;
}

.media-div{
	padding: 17px 15px 0 15px;
}

.media-heading{
	color: #000000;
	font-size: 1.5em;
}

.media-heading:hover{
	color: #000000;
	font-size: 1.5em;
}

.media-img{
	margin-top: 2%;
	width: 100%;
}

.media-text-part{
	margin-left: 30%;
	margin-top: -13%;
}

.media-author-part{
	margin-left: 30%;
	margin-top: -23%;
}

.media-author-part-1{
	margin-left: 30%;
	margin-top: -18%;
}

.media-author-part-a1,
.media-author-part-a1:visited,
.media-author-part-a1:hover,
.media-author-part-a1:active{
	font-size: 16px;
	color: #000000;
	display: block;
}

.media-author-part-a2,
.media-author-part-a2:visited,
.media-author-part-a2:hover,
.media-author-part-a2:active{
	font-size: 12px;
	color: #999999;
	display: block;
	margin-top: 2px;
}

.media-author-part-a3,
.media-author-part-a3:visited,
.media-author-part-a3:hover,
.media-author-part-a3:active{
	font-size: 13px;
	color: #000000;
	display: block;
	margin-top: 8px;
}

.media-text{
	margin-top: 2%;
}

.media-text a{
	color: #999999;
	font-size: 1em;
}

.media-text a:hover{
	color: #999999;
	font-size: 1em;
}

.media-text p{
	color: #999999;
	font-size: 1.1em;
	display: inline-block;
	margin: 0 0 0 2%;
}

.fa-style{
	font-size: .3em;
	padding: .3em .3em .3em .3em;
	border: 1px solid #999999;
	border-radius: 50%;
}

.main-part-last-li{
	background: #FFFFFF;
	margin: 3% 0 3% 0;
}

.main-part-last-li a,
.main-part-last-li a:hover,
.main-part-last-li a:active,
.main-part-last-li a:visited{
	color: #000000;
	text-decoration: none;
	font-size: 18px;
	line-height: 55px;
}

.media-side{
	width: 103%;
}

.meida-side-heading{
	width: 100%;
	height: 60px;
	margin: 0 0 0 0;
	padding: 7% 0 10% 7%;
	background: #fbfbfb;
	border-bottom: 1px solid #F2F2F2;
}

.media-side > li:nth-child(2) > ul{
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.media-side > li:nth-child(2) > ul > a > li{
	width: 40%;
	float: left;
	text-align: center;
	padding: 3% 0 3% 0;
}

.media-side > li:nth-child(2) > ul > a > li.media-side-date{
	margin-left: 10%;
}


.media-side > li:nth-child(2) > ul > a,
.media-side > li:nth-child(2) > ul > a:visited,
.media-side > li:nth-child(2) > ul > a:hover,
.media-side > li:nth-child(2) > ul > a:active,
.media-side > li:nth-child(2) > ul > a > li.active{
	font-size: 17px;
	color: #000000;
	text-decoration: none;
}

.media-side > li:nth-child(2) > ul > a > li.active{
	border-bottom: 2px solid #0047ff;
}

.media-side-text{
	width: 100%;
	margin: 0 0 0 0;
	padding: 7% 0 10% 7%
}

.media-side-li-3{
	height: 90px;
	padding: 5% 1.5% 5% 5% ;
}

.media-side-li-3 p{
	float: left;
	font-size: 1.5em;
	color: #FFFFFF;
	background: #EE5F5B;
	width: 1em;
	text-align: center;
}

.media-side-li-3 h4{
	margin-left: 12%;
	margin-top: 3%;
}

.media-side-li-3 a{
	font-size: 0.9em;
	color: #000000;
}

.media-side-ul-li{
	height: 70px;
	padding: 5% 1% 5% 5% ;
}

.media-side-ul-li p{
	float: left;
	font-size: 1.5em;
	color: #808080;
	width: 1em;
	text-align: center;
}

.media-side-ul-li h4{
	margin-left: 6%;
	margin-top: 1%;
	display: inline;
}

.media-side-ul-li h4 a{
	font-size: 0.8em;
	color: #000000;
}

.media-side-author{
	font-size: 1em;
	color: #999999;
	margin-left: 4%;
}

.media-side-author:hover{
	font-size: 1em;
	color: #999999;
	margin-left: 4%;
}

/*  修改bootstrap  */

@media (min-width: 768px) {
	.media-part .container {
		width: 768px;
	}
}
@media (min-width: 992px) {
	.media-part .container {
		width: 992px;
	}
}
@media (min-width: 1200px) {
	.media-part .container {
		width: 1190px;
	}
	.media-part .col-lg-8 {
		width: 69.3%;
	}
	.media-part .col-lg-4 {
		width: 30.7%;
	}
}



/*  二维码返回顶部部分  */
.erweima{
	width: 48px;
	list-style: none;
	position: fixed;
	z-index: 99;
	bottom: 70px;
	left: 50%;
	margin-left: 575px;
}

.erweima > li:nth-child(1){
	width: 48px;
	height: 48px;
	background-image: url(../imgs/icons/erweima-gray.png);
}

.erweima > li:nth-child(1):hover{
	width: 48px;
	height: 48px;
	background-image: url(../imgs/icons/erweima-black.png);
	cursor: pointer;
}

#scrolltop{
	width: 48px;
	height: 48px;
	background: url(../imgs/icons/icon-arrow-up_3a9a52a.png) center no-repeat;
	background-color: #b7bac5;
	display: none;
}

#scrolltop:hover,
#scrolltop:active{
	width: 48px;
	height: 48px;
	background: url(../imgs/icons/icon-arrow-up_3a9a52a.png) center no-repeat;
	background-color: rgb(51, 51, 51);
	cursor: pointer;
	display: none;
}

.download-qrcode{
	display: none;
	border: 1px solid #DFDFDF;
	background: #FFFFFF;
	position: fixed;
	z-index: 99;
	bottom: 70px;
	left: 27%;
	margin-left: 575px;
	padding: 35px;
}

.qrcode-img{
	float: left;
}

.qrcode-slogan{
	float: right;
}

.qrcode-slogan > h3{
	padding: 0;
	margin: 0 0 0 15px;
}
